$(function () {
    // 1.全选和不选
    $(".checkall").change(function () {
        // $(this).prop("checked");
        $(".j-checkbox,.checkall").prop("checked", $(this).prop("checked"))
        if ($(this).prop("checked")){
            // 让所有商品添加check-cart-item 类名
            $(".cart-item").addClass("check-cart-item")
        }else {
            $(".cart-item").removeClass("check-cart-item")
        }
        // 与.css() 的区别

    })
    // 2.小的复选框被选中的个数等于3，就应该把全选按钮选上，否则不全选
    $(".j-checkbox").change(function () {
        if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {
            $(".checkall").prop("checked", true);
        } else {
            $(".checkall").prop("checked", false)
        }
        if ($(this).prop("checked")) {
            // 让当前商品添加check-cart-item 类名
            $(this).parents(".cart-item").addClass("check-cart-item")
        } else {
            $(this).parents(".cart-item").removeClass("check-cart-item")
        }
    })
    // 3.增减商品数量 申明一个变量 当点击+ 值就++ 然后赋给文本框
    $(".increment").click(function () {
        // 得到兄弟文本框的值 用兄弟表示是为了防止点一次就全部改变
        var n = $(this).siblings(".itxt").val()
        n++;
        $(this).siblings(".itxt").val(n);
        // 3.计算小计模块 根据文本框的数量 乘以单价 计算商品的小计
        // 单价
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // 去掉前面的￥符号
        p = p.substr(1)
        // 4.保留小数点后两位
        var price = (p*n).toFixed(2);
        // 小计模块
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + price);
        getSum();
    })
    $(".decrement").click(function () {
        // 得到兄弟文本框的值 用兄弟表示是为了防止点一次就全部改变
        var n = $(this).siblings(".itxt").val()
        if (n == 1) {
            return false;
        }
        n--;
        $(this).siblings(".itxt").val(n);
        // 3.计算小计模块 根据文本框的数量 乘以单价 计算商品的小计
        // 单价
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // 去掉前面的￥符号
        p = p.substr(1)
        // 小计模块
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2));
        getSum();
    })
    // 4.用户直接修改文本框的值 计算 小计模块
    $(".itxt").change(function() {
        var n = $(this).val();
        // 单价
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // 去掉前面的￥符号
        p = p.substr(1);
        // 小计模块
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2));
        getSum();
    })
    // 5. 计算总计和总额模块
    function getSum() {
        var count = 0;
        var money = 0;
        // 总计
        $(".itxt").each(function(i,ele) {
            count += parseInt($(ele).val());

        });
        $(".amount-sum em").text(count);
        // 总额
        $(".p-sum").each(function(i,ele){
            money += parseFloat($(ele).text().substr(1))
        });
        $(".price-sum em").text("￥"+money.toFixed(2));
    }
    // 6.删除商品
    // 1.商品后面的输出按钮
    $(".p-action a").click(function(){
        $(this).parents(".cart-item").remove();
        getSum();
    })
    
    // 2.删除选中的商品
    $(".remove-batch").click(function () {
        $(".j-checkbox:checked").parents(".cart-item").remove();
        getSum();
    })
    // 3.清空购物车 删除全部商品
    $(".clear-all").click(function() {
        $(".cart-item").remove();
        getSum();
    })
    // 7.选中商品添加背景

})